import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../util/adapt';
import { CLASS_ROOM_RIGHT_SCALE } from '../../../../constant';

export default StyleSheet.create({
  container: {
    height: phonePx(234) * CLASS_ROOM_RIGHT_SCALE,
    marginBottom: phonePx(4) * CLASS_ROOM_RIGHT_SCALE,
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'rgba(0, 0, 0, .5)',
    borderRadius: phonePx(4) * CLASS_ROOM_RIGHT_SCALE,
    overflow: 'hidden'
  },
  hidden: {
    position: 'absolute',
    top: 2000
  },
  content: {
    height: phonePx(172) * CLASS_ROOM_RIGHT_SCALE,
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    marginTop: phonePx(16) * CLASS_ROOM_RIGHT_SCALE,
    marginBottom: phonePx(45) * CLASS_ROOM_RIGHT_SCALE,
    borderTopLeftRadius: phonePx(12) * CLASS_ROOM_RIGHT_SCALE,
    borderTopRightRadius: phonePx(12) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: '#FFFFFF'
  },
  titleContent: {
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(26) * CLASS_ROOM_RIGHT_SCALE,
    alignItems: 'center',
    justifyContent: 'center'
  },
  title: {
    color: '#3E3E3E',
    fontSize: phonePx(12) * CLASS_ROOM_RIGHT_SCALE,
    fontWeight: '500'
  },
  line: {
    width: phonePx(144) * CLASS_ROOM_RIGHT_SCALE,
    marginLeft: phonePx(4) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(1) * CLASS_ROOM_RIGHT_SCALE,
    borderRadius: phonePx(0.5) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: '#EDEDED'
  },
  close: {
    position: 'absolute',
    top: phonePx(6) * CLASS_ROOM_RIGHT_SCALE,
    right: phonePx(8) * CLASS_ROOM_RIGHT_SCALE
  },
  closeDesc: {
    color: '#3E3E3E',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    lineHeight: phonePx(14) * CLASS_ROOM_RIGHT_SCALE
  },
  list: {
    height: phonePx(145) * CLASS_ROOM_RIGHT_SCALE
  },
  listContent: {},
  time: {
    color: '#A2A7AD',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    lineHeight: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    marginTop: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    marginHorizontal: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    textAlign: 'center'
  }
});
